/**
* @Author luof
* @Date 2024/4/28 11:25
* @Description:
*/
<template>

  <el-container>
    <el-aside width="auto">
      <HomeAside/>
    </el-aside>
    <el-container>
      <el-header>
        <HomeHeader/>
      </el-header>
      <el-backtop target=".el-main"></el-backtop>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup lang="ts">
import HomeAside from "./components/HomeAside.vue";
import HomeHeader from "./components/HomeHeader.vue";
import {onMounted} from "vue";
import {useStore} from "vuex";

const store = useStore()

onMounted(() => {
  console.log("store.dispatch(\"handleReqGetAdminInfo\")")
  // store.dispatch("handleReqGetAdminInfo")
})
</script>

<style scoped lang="less">
.el-header {
  padding: 0;
}


.el-main {
  overflow: auto;
  height: calc(100vh - 64px);
  background-color: #f5f6fa;
}

.main {
  overflow: auto;
}

/* 媒体查询 */
@media (max-width: 786px) {
  .el-aside {
    display: none !important;
  }

  .el-main {
    padding: 10px !important;
  }

}
</style>